<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<style lang="scss">
  body{
    background-color: #495060;
  }
  #app {
    font-family: Microsoft YaHei;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2c3e50;
  }
  a,a:hover,a:active{
    text-decoration: none !important;
  }
  .el-text-danger{
    color: #F56C6C
  }
  .el-text-success{
    color: #67C23A;
  }
  .el-text-green{
    color: #12a799;
  }
  .el-text-blue{
    color: #409EFF;
  }
  .el-text-yellow{
    color: #c5bf66;
  }
  .page-title{
    border-bottom: 1px solid rgb(238, 238, 238);
    margin-bottom: 20px;
    height: 64px;
  }
  .page-title div h1{
    color: #697882;font-size: 22px;
  }
  .page-title div a{
    color: #acbac6;font-size: 26px;float:right;padding: 13px 0px;
  }
  .page-title div a i{
    font-weight:600
  }
  .table-bottom-margin{
    margin-bottom: 15px;
  }
  .el-dialog__header{
    padding-bottom: 20px !important;
    border-bottom:1px solid rgb(238, 238, 238);
  }
  .el-table .cell i.el-tooltip,.el-table .cell button.el-tooltip{
    margin-right: 10px;
  }
  .headerbg{
    background-color: #f4f3f3 !important;
  }
  .table-title{
    padding: 6px;
    border: 1px solid #ebeef5;
    border-bottom: 0;
    background: #f7f6f6;
    color: #6a6868;
    font-weight: 600;
  }
  label{
    margin-bottom: 0px !important;
  }
</style>
